$(function(){
	var FEQ=10000;
	var repeat=true;
	
	function setAllShow(){
		if(repeat){
			setTimeout(function(){
				getXmlView();
				setAllShow();
			},FEQ);
		}
	}
	
	function buttonCheck(){
		$("#freq").html("<font size=3 color=pink>Page Update "+FEQ/1000+"sec<font>");
	}
	
	function getXmlView(){
		$.ajax({
			url:'/webJava/jquery/jQueryData/jQueryData6.xml',
			type:'POST',
			dataType:"Xml",
			success:function(data){
				//console.log(data);
				$("#finishers_m").html('');
				$("#finishers_f").html('');
				$("#finishers_all").html('');
				$("#ig").html('');
				$(data).find("ig").each(function(){
					var info="<tr><td><img src='/webJava/imgEx/"+$(this).text()+".jpg' width=50 height=50></td></tr>";
					$("#ig").append(info);
				});
				$(data).find("runner").each(function(){
					var info="<tr><td>"+$(this).find("fname").text()+' '+$(this).find("lname").text()+"</td><td>"+$(this).find("gender").text()+"</td><td>"+$(this).find("address").text()+"</td><td>"+$(this).find("time").text()+"</td><td>"+$(this).find("email").text()+"</td></tr>";
					
					if($(this).find("gender").text()=='M'){
						$("#finishers_m").append(info);
					}else if($(this).find("gender").text()=='F'){
						$("#finishers_f").append(info);
					}
					$("#finishers_all").append(info);
				});
			}
		});
	}
	$("#start").click(function(){
		repeat=true;
		setAllShow();
	});
	$("#stop").click(function(){
		repeat=false;
		
	});
	
	getXmlView();
	buttonCheck();
});











